body{
    background-color: #f4f4f4;
    overflow: hidden;
    .header{
        background-color: #f5445d;
        .top{
            height: .88rem;
            line-height: .88rem;
            a{
                display: inline-block;
                height: 100%;
                img{
                    height: .26rem;
                }
            }
            span{
                font-size: .30rem;
                color: #fff;
                margin-left: 2.8rem;
            }
        }
    }
    .bodys{
        background-color: #f4f4f4;
        
        ul {
            li:nth-of-type(1){
                margin-bottom: .2rem;
            }
            li {
                padding: 0 0 0 .2rem;
                margin: 0 0 0 ,2rem;
                height: 1.1rem;
                line-height: 1.1rem;
                background-color: #fff;
                overflow: hidden;
                // border-bottom: .01rem solid #f4f4f4;
                a {
                    display: inline-block;
                    // width: 100%;
                    border-top: .01rem solid #f4f4f4;
                }
                img{
                    width: .2rem;
                }
                // 左侧样式
                .fl {
                    float: left;
                    font-size: 0.28rem;
                    color: #333;
                    // margin-left: .2rem;
                    span {
                    vertical-align: middle;
                    }
                }
                .name,.sex,.pwd{
                    margin-right: .3rem;
                }
                // 头像样式
                &.headphoto {
                    height: 1.2rem;;
                    line-height: 1.2rem;
                    color: #333;
                    position: relative;
                    label {
                        display: block;
                        height: 100%;
                        .photo {
                            width: 1rem;
                            height: 1rem;
                            border-radius: 50%;
                            margin-top: 0.16rem;
                            overflow: hidden;
                            margin-right: .3rem;
                            img {
                            width: 1rem;
                            vertical-align: baseline;
                            }
                        }
                    }
                    #upload {
                        width: 0;
                        height: 0;
                    } 
                }
            }
        }
    }
    // 姓名弹出层
    .t-name{
        // display: none;
        opacity: 1.0;
        // visibility: visible;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 999;
        // margin-top: -40px;
        display: none;
        .mask{
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-color: #AAAAAA;
            opacity: 0.60;
        }
        .newName{
            position: relative;
            background-color: #fff;
            height: 3.12rem;
            width: 6.3rem; 
            margin: 4.28rem 0 0 .6rem;
            p{
                text-align: center;
                width: 100%;
                height: .76rem;
                line-height: .76rem;
                color: #282828;
                font-size: .3rem;
            }
            input{
                // margin-left: .62rem;
                display: block;
                width: 100%;
                border: 0;
                height: 1.4rem;
                // color: #a3a3a3;
                font-size: .28rem;
                padding-bottom: .4rem;
                padding-left: .62rem;
                border-bottom: .01rem solid #f4f4f4;
            }
            a{
                display: inline-block;
                height: .94rem;
                width: 49%;
                line-height: .94rem;
                text-align: center;
            }
            a:nth-of-type(1){
                border-right: .01rem solid #f4f4f4;
            }
            #confirm{
                color: #f5445d;
            }
        }
    }
}